<template>
  <div class="home">
    <my-tab v-model="active" @chose="chose">
      <my-tab-item>全部</my-tab-item>
      <my-tab-item>精华</my-tab-item>
      <my-tab-item>分享</my-tab-item>
      <my-tab-item>问答</my-tab-item>
    </my-tab>
  </div>
</template>

<script>
import myTab from '@/components/myTab/myTab'
export default {
  name: 'Home',
  components: { // 这是一种自定义组件的方法叫做局部组件
    myTab
  },
  data() {
    return {
      active: 0
    }
  },
  methods: {
    chose(ind) {
      this.active++
    }
  }
}
</script>
